$(document).ready(function() {
    showSubmenu();
    menuSlide();
    fixMenu('nav', 'wrapper_nav');
    menuTransition();
    tab();
    $('.flexslider').flexslider({
        animation: "slide",
        directionNav: false,
        controlNav: true,
    });
})
function menuSlide() {
    $('#main_menu ul li').hover(function() {
        $(this).find('ul').stop().slideDown(400);
    }, function() {
        $(this).find('ul').stop().slideUp(300);
    })
}
function fixMenu(idMenu, idWrapper) {
    var idMenu = '#' + idMenu;
    var idWrapper = '#' + idWrapper;
    $(document).scroll(function() {
        var scrollTop = $(window).scrollTop();
        var contentFix = $(idMenu).offset().top;
        var wrapper_main_nav = $(idWrapper).offset().top;
        var distance = scrollTop - contentFix;
        if (distance >= 0 && wrapper_main_nav < scrollTop) {
            $(idMenu).addClass('class_fix_nav bg_menu');
        } else {
            $(idMenu).removeClass('class_fix_nav bg_menu');
        }
    });
}
function menuTransition() {
    $('#content_outer').click(function() {
        if ($('#all_outer').hasClass('menufication-transition-in')) {
            $('#all_outer').removeClass('menufication-transition-in');
        }
    });
    $('#menufication-btn').click(function() {
        if ($('#all_outer').hasClass('menufication-transition-in')) {
            $('#all_outer').removeClass('menufication-transition-in');
        } else {
            $('#all_outer').addClass('menufication-transition-in');
        }
    });


}
function tab() {
    $(".tabContents").hide();
    $(".tabContents:first").show();
    $("#tabContaier ul li a:first").addClass("active");
    $("#tabContaier ul li a").click(function() {
        var activeTab = $(this).attr("href");
        $("#tabContaier ul li a").removeClass("active");
        $(this).addClass("active");
        $(".tabContents").hide();
        $(activeTab).fadeIn();
        return false;
    });

}
function showSubmenu() {
    $('#menu_reponsive_outer ul li .show_more').click(function() {
        $(this).parent('li').toggleClass('active');
        var liLevel1 = $(this).parent('li');
        if ($(this).parent('li').hasClass('active')) {
            //$(this).parent('li').find('ul').show(300);
            $(this).parent('li').find('i').removeClass('fa-plus').addClass('fa-minus');
        } else {
            $(this).parent('li').find('i').removeClass('fa-minus').addClass('fa-plus');
        }
    })
}